.click {
  @apply flex flex-col items-center absolute left-2/4 top-2/4 z-10;
  transform: translate(-50%, -50%);
  font-family: Alibaba PuHuiTi 2;

  .getVipText {
    @apply text-center w-full  font-bold leading-7;
    font-size: 1.75rem;
    font-family: Alibaba PuHuiTi 2;
    font-variation-settings: 'opsz' auto;
    background: linear-gradient(90deg, #ffbd8d 0%, #ffe5d8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }

  .getVipImg {
    @apply w-auto object-contain mb-8;
    height: 6.25rem;
  }

  .getVip {
    @apply font-semibold my-8;
    font-size: 1.375rem;
    font-feature-settings: 'kern' on;
    /* 会员深色 */
    color: #7c3c19;
    width: 27.4375rem;
    height: 3.875rem;
    background: linear-gradient(90deg, #ffbd8d 0%, #ffe5d8 100%);
  }

  .normal {
    @apply text-lg leading-5 text-white-80 cursor-pointer;

    span {
      color: rgba(255, 255, 255, 0.5);
    }
  }
}

// 移动端
@media screen and (max-width: 767px) {
  .click {
    margin-top: 0;

    .getVipText {
      @apply text-base;
    }

    .getVip {
      @apply mt-4 text-sm h-9;
      width: 10.5rem;
    }

    .normal {
      @apply text-sm mt-5;
    }
  }
}
